<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>
        </title>
        <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
        </script>
        <script src="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.1/jquery.mobile-1.1.1.min.js">
        </script>
    </head>
    <body>
        <div data-role="page" id="TU_INFO_TAB">
            <div data-role="content" style="padding: 15px">
                <div data-role="collapsible-set" data-theme="b" data-content-theme="b">
                    <div data-role="collapsible" data-collapsed="true">
                        <h3>
                            Dorms
                        </h3>
                        <p>
                            typi obshtejitiq
                        </p>
                    </div>
                    <div data-role="collapsible" data-collapsed="true">
                        <h3>
                            Office Hours
                        </h3>
                    </div>
                    <div data-role="collapsible" data-collapsed="true">
                        <h3>
                            Library
                        </h3>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>